*{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: black !important;
    opacity: 0.9;
}
body{
    background: #cccccc;
}
html .header,
body .header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: ghostwhite;
  display: flex;
  position: relative; }
  html .header .head-left,
  body .header .head-left {
    width: 480px;
    height: 40px;
    margin-left: 160px; }
    html .header .head-left p,
    body .header .head-left p {
      opacity: 0.9; }
      html .header .head-left p a:nth-of-type(1),
      body .header .head-left p a:nth-of-type(1) {
        display: inline-block;
        width: 90px;
        height: 20px;
        background-color: gainsboro;
        margin-top: 5px;
        text-align: center;
        line-height: 20px;
        font-size: 12px; }
      html .header .head-left p a:nth-of-type(2),
      body .header .head-left p a:nth-of-type(2) {
        margin-left: 20px;
        margin-right: 15px; }
      html .header .head-left p .current,
      body .header .head-left p .current {
        color: orangered; }
  html .header .head-right,
  body .header .head-right {
    width: 28%;
    opacity: 2;
    margin-left: 140px; }
    html .header .head-right ul,
    body .header .head-right ul {
      display: flex;
      justify-content: space-around;
      position: relative; }
      html .header .head-right ul li .smeau,
      body .header .head-right ul li .smeau {
        width: 400px;
        height: 160px;
        position: absolute;
        left: 60px;
        display: none; }
        html .header .head-right ul li .smeau img,
        body .header .head-right ul li .smeau img {
          width: 100%;
          height: 160px;
          vertical-align: top; }
      html .header .head-right ul li a:hover,
      body .header .head-right ul li a:hover {
        color: orange !important; }

        .banner{
            width: 80%;
            height: 420px;
         /*   background-color: blanchedalmond; */
            margin: 0 auto;
        }
        .banner>img{
            width: 100%;
            height: 420px;
            vertical-align: top;
        }

        .shopping-car-container {
			padding: 50px 40px;
		}
		
		.shopping-car-container .car-headers-menu {
			border-bottom: 1px solid #f5f5f5;
			padding: 0 15px;
		}
		
		.shopping-car-container .panel-body {
			padding: 15px 0;
		}
		
		#checkAll {
			vertical-align: text-bottom;
		}
		
		.shopping-car-container .car-menu {
			text-align: center;
		}
		/*
		 商品区
		 * */
		
		.shopping-car-container .goods-content {
			margin-top: 15px;
		}
		
		.shopping-car-container .goods-content .goods-item {
			margin-top: 20px;
		}
		
		.shopping-car-container .goods-content .goods-item .car-goods-info {
			height: 150px;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
		}
		
		.shopping-car-container .goods-content .goods-item .goods-image-column img,
		.shopping-car-container .goods-content .goods-item .goods-image-column span {
			display: block;
			float: left;
		}
		
		.shopping-car-container .goods-content .goods-item .goods-image-column span {
			width: calc(100% - 100px);
			box-sizing: border-box;
			text-indent: 2rem;
			line-height: 25px;
			padding: 10px;
		}
		
		.goods-price {
			color: red;
			font-weight: bolder;
		}
		
		.form-control {
			text-align: center;
			padding: 0 !important;
			width: 25px !important;
		}
		
		.single-total {
			color: red;
			font-weight: bold;
		}
		
		.goods-params {
			color: darkgray;
		}
		
		.bottom-menu {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.bottom-menu #checkAllBottom {
			vertical-align: text-bottom;
		}
		
		#deleteMulty {
			color: cornflowerblue;
			cursor: pointer;
			vertical-align: text-bottom;
		}
		
		.bottom-menu-include {
			background: #e5e5e5;
		}
		
		#selectGoodsCount {
			color: orangered;
			font-size: 16px;
			font-weight: bolder;
		}
		
		#selectGoodsMoney {
			color: orangered;
			font-size: 16px;
			font-weight: bolder;
		}
		
		.panel-default .submitData {
			background: orangered;
			font-size: 16px;
			color: white;
			cursor: pointer;
			font-weight: bolder;
			height: 58px;
			position: absolute;
			right: 0;
			top: 0;
		}
		
		.panel-default .submitDis {
			background: #B0B0B0;
			cursor: no-drop;
		}
		
		.shopping-car-container .panel-default {
			position: relative;
		}

        #goods-info{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
			color: red;
			font-size: 16px;
        }



